<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0,minimum-scale=1.0">
    <title>苏宁易购(Suning.com)-送货更准时、价格更超值、上新货更快</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部导航 S -->
    <header>
        <div class="nav-index-bg">
            <img src="./images/bg01.jpg" alt="">
        </div>
        <div class="nav-index-wraper">
            <div class="nav-index-wraper-one">
                <a href="#" class="classify"><img src="./images/classify.png" alt=""></a>

                <a href="#" class="header-link"><img src="./images/header-link.png" alt=""></a>

                <a href="#" class="login"><img src="./images/login.png" alt=""></a>
            </div>
            <div class="nav-index-wraper-two">
                <div class="search-box">
                    <a href="#" class="search">
                        <i class="search-icon"></i>
                    </a>
                    <form action="">
                        <input type="text" class="searchInput" placeholder="潮流小家电 满200减20">
                    </form>
                </div>
            </div>
        </div>
        <div class="nav-fixed-wraper">
            <div class="nav-fixed-search-box">
                <a href="#" class="classify">
                    <img src="./images/classify.png" alt="">
                </a>
                <div class="search-box">
                    <a href="#" class="search">
                        <i class="search-icon"></i>
                    </a>
                    <form action="">
                        <input type="text" class="searchInput" placeholder="潮流小家电 满200减20">
                    </form>
                </div>
                <a href="#" class="login">
                    <img src="./images/login.png" alt="">
                </a>
            </div>
        </div>
    </header>
    <!-- 头部导航 E -->

    <!-- banner区域 S -->
    <div class="index-wraper">
        <div class="v7-banner">
            <img src="./images/bg02.png" alt="" class="banner-bg">
            <div class="swiper-wrapper">
                <div class="swipe">
                    <ul class="swipe-ul">
                        <li>
                            <a href="#">
                                <img src="./upload/banner1.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                    <div class="trigger-wrapper">
                        <ul class="trigger">
                            <li class="cur">
                                <i></i>
                            </li>
                            <li>
                                <i></i>
                            </li>
                            <li>
                                <i></i>
                            </li>
                            <li>
                                <i></i>
                            </li>
                            <li>
                                <i></i>
                            </li>
                            <li>
                                <i></i>
                            </li>
                            <li>
                                <i></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- banner区域 E -->

    <!-- enter S -->
    <div class="enter-list">
        <div class="enter-wrapper">
            <ul class="fix">
                <li>
                    <a href="#">
                        <img src="./upload/nav01.webp" alt="">
                        <div class="title">天天低价</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav02.webp" alt="">
                        <div class="title">苏宁超市</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav03.webp" alt="">
                        <div class="title">苏宁拼购</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav04.webp" alt="">
                        <div class="title">爆款手机</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav05.webp" alt="">
                        <div class="title">苏宁家电</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav06.webp" alt="">
                        <div class="title">天天低价</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav07.webp" alt="">
                        <div class="title">天天低价</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav08.webp" alt="">
                        <div class="title">天天低价</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav09.webp" alt="">
                        <div class="title">天天低价</div>
                    </a>
                    <a href="#">
                        <img src="./upload/nav10.webp" alt="">
                        <div class="title">天天低价</div>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- enter E -->


</body>

</html>